/*
Template Name: EC模板堂正版授权模板
Template URI: http://www.ecmoban.com/
Description: 买模板请认准模板堂(ecmoban.com) <br/> 挑选优质商业模板：http://www.ecmoban.com/
Version: 2.73
Author: 进模板堂挑选更多ECSHOP模板
Author URI: http://www.ecmoban.com/
Logo filename: logo.gif
\\
*/
/* ====================
     公共样式
==================== */
body{font-family:"Microsoft YaHei",Arial;font: 12px/1.5 arial;color: #666; margin: 0; padding:0; background: #f6f6f6;}
div{margin:0 auto; padding:0;}
h1,h2,h3,h4,h5,h6,ul,li,dl,dt,dd,form,img,p{margin:0; padding:0; border:none; list-style-type:none;}
.block{width:1200px;  margin:0 auto; position: relative;}
.index_body .block{width:1200px;   margin:0 auto;}
.table td,.table th{ padding:5px;}
.f_l{float:left;}
.f_r{float:right;}
.tl{ text-align:left;}
.tc{ text-align:center;}
.tr{ text-align:right;}
.dis{display:block;}
.inline{display:inline;}
.none{display:none;}
a{ text-decoration:none; color:#666}
.dashed{background:url(images/lineBg.gif) repeat-x left top; color:#3f3f3f;  padding:2px 0 3px 12px;}
.clearfix:after{content:"."; display:block; height:0; clear:both;visibility:hidden;}
*html .clearfix{height:1%;}
*+html .clearfix{height:1%;}
/*英文强制换行*/
.word{word-break:break-all;}
/*边框*/
.B_blue{border:1px solid #e6e6e6;}
.B_input{border:1px solid #ccc;}
.inputBg{border:1px solid #b3b3b3;   height:23px; line-height:23px;}
/*字体颜色ecmoban.com*/
.f1{color:#dd2727; font-weight:bold}
.f2{color:#dd2727; font-weight:bold; margin-right:15px;}
.f3{color:#9e9e9e;}
.f4{color:#b22825;}
.f4_b{color:#dd2727; font-weight:bold;}
.f5{ font-size:14px; font-weight:bold;}
.f6{color:#dd2727;}
.market{ font-size:12px; text-decoration:line-through; color:#999}
.shop{font-family: 'Arial';font-size: 18px;color: #dd2727; font-weight:bold }
.market_s{text-decoration:line-through;}
.shop_s{color:#dd2727;  font-weight:bold}
/*按钮部分*/
/*.bnt_blue{background:url(images/bg.gif) no-repeat 0px 0px; width:52px; height:21px;text-align:center; line-height:22px; color:#333; border:none; cursor:pointer; overflow:hidden}
.bnt_blue_1{background:url(images/bg.gif) no-repeat 0px -663px; width:77px; height:21px;text-align:center; line-height:22px; color:#333; border:none; cursor:pointer;overflow:hidden}
.bnt_blue_2{background:url(images/bg.gif) no-repeat 0px -696px; width:139px; height:21px;text-align:center; line-height:22px; color:#333; border:none; cursor:pointer;overflow:hidden}
.bnt_bonus{background:url(images/bg.gif) no-repeat -56px 0px; width:52px; height:21px;text-align:center; line-height:22px; color:#333; border:none; cursor:pointer;overflow:hidden}*/
/*box from ec moban*/
.box_1{border:1px solid #ddd; background-color:#fff;}
.box_2{border:1px solid #ddd; background:url(images/box_2Bg.gif) repeat-x top left;background-color:#edf8fe;   }
.box_1 input,
.box_1 select,
.box_1 textarea,
.box_1 button{ vertical-align: middle; }
.boxCenterList{padding:8px;}
.w-icon{
    background: url(images/icon1.png) no-repeat;
    _background-image: url(images/icon1_8.png);
}
.w-icon-27 { background-position: -490px -658px;}
.w-icon-28{ background-position: -944px -156px; }
/*模块标题*/
h3{height:32px; line-height:32px; font-size:12px; background:#f5f5f5; text-align:right;padding:0 12px; font-weight:100;  }
h3.border{border:1px solid #e2e2e2; border-bottom:none;}
h3 img{position:relative; top:5px;}
h3 span{float:left; font-size:14px; height:32px; line-height:32px; text-align:left;font-weight:normal; color:#333; padding-left:5px;  font-family:"微软雅黑"}
h3 a{ color:#333; text-decoration:none; font-family:"微软雅黑"}
h5{height:26px; line-height:26px; text-align:right; background-color:#f6f6f6; font-size:12px;color:#dd2727; padding:0 10px 0 0;}
h5 span{float:left; font-weight:bold;padding-left:15px;}
h6{height:38px; line-height:38px; text-align:right; font-size:12px; background:#f6f6f6; color:#3f3f3f;border:1px solid #fff; padding-right:10px;}
h6 span{float:left; padding-left:15px; font-size:14px;}
/*页面留白*/
.blank{height:15px; line-height:15px; clear:both; visibility:hidden;}
.blank5{height:5px; line-height:5px;/* _margin:-3px 0;e c m o b a n*/ clear:both; visibility:hidden;}
/*布局*/
.AreaL{width:240px; float:left; }
.index_page .AreaL{ background:#FFF}
.AreaR{width:944px; float:right;  }
.indexw_content {width: 100%;height: auto;overflow: hidden; padding-top:15px;}
.indexw_content_4_top {height: 4px;overflow: hidden;background: url('images/line_rept.jpg') repeat-x left top;}

/* ====================
     天猫简洁版头部和底部样式（改成其它简洁版时，下面的代码可全部删除）
==================== */
/*头部*/
/*top-ad*/
.top-ad{ width: 100%; overflow: hidden; position: relative;}
.top-ad img{ width: 1920px; margin-left: -360px;}

/*header-nav*/
.header-nav {height: 32px; line-height: 32px; font-family: "Microsoft YaHei",tahoma,arial,'Hiragino Sans GB','\5b8b\4f53',sans-serif; position: relative!important; background: #F2F2F2; z-index: 9999; -webkit-transform: translate3d(0,0,0); border-bottom: 1px solid #E5E5E5; color: #999;}
.header-nav a{ color: #999;}
.header-nav a:hover{color: #E31436;}
.header-nav .nav-mobile{margin-left: 10px; color: #dd2727; position: relative;}
.header-nav .nav-mobile .nav-mobile-sub{ position: absolute; top: 25px; display: none; border:1px solid #dedede; background: #fff; z-index: 10px; left: 0; padding: 10px;}
.header-nav .nav-mobile:hover .nav-mobile-sub{display: block;}
.header-nav .iconfont{ font-size: 14px; color:#E31436;}
.header-login-info { display: inline-block; *zoom:1; *display: inline;}
.header-login-info .a-login {padding: 0 10px 0 20px;}
.header-login-info .a-register {padding: 0 10px;}
.header-login-info .a-logout {padding: 0 10px;}
.ul-quick-menu{position: absolute; right:0; top: 0;}
.ul-quick-menu li{float: left; position: relative;}
.menu-item a:hover{ text-decoration: underline;}
.menu-item .menu-hd{display: block; height: 32px; cursor: pointer; z-index: 100001; border: solid #F2F2F2; border-width: 0 1px; position: relative; padding: 0 14px 0 10px;}
.menu-item .menu-hd span{float: none; font-size: inherit; color: inherit;}
.menu-item.hover .menu-hd{background-color: #FFF; border-color: #EEE; padding-bottom: 1px; color: #E31436;}
.menu-item .menu-hd b{-webkit-backface-visibility: hidden; position: absolute; right: 6px; top: 12px; width: 0; height: 0; border-width: 3px; border-style: solid dashed dashed; border-color: #BBB rgba(0, 0, 0, 0) rgba(0, 0, 0, 0); font-size: 0; line-height: 0; top:15px;}
.menu-item.hover .menu-hd b{ -webkit-backface-visibility: hidden; border-color: #BBB rgba(0, 0, 0, 0) rgba(0, 0, 0, 0); -webkit-transition: -webkit-transform .2s ease-in; -moz-transition: -moz-transform .2s ease-in; -o-transition: -o-transform .2s ease-in; transition: transform .2s ease-in; -moz-transform: rotate(180deg); -moz-transform-origin: 50% 30%; -webkit-transform: rotate(180deg); -webkit-transform-origin: 50% 30%; -o-transform: rotate(180deg); -o-transform-origin: 50% 30%; transform: rotate(180deg); transform-origin: 50% 30%;}
.menu-item .menu-bd{display: none; position: absolute; left: 0; top: 33px; background: #FFF; filter: alpha(opacity=99); z-index: 93110; border: solid #EEE; border-width: 0 1px 1px; line-height: 1.4; padding: 8px 10px;}
.menu-item.hover .menu-bd{ display: block;}
.menu-bd a{line-height: 20px;}
.menu-bd a:link, .menu-bd a:visited{ color: #666;}
.menu-bd a:hover, .menu-bd a:focus{color: #E31436;}
.li-sep{display: inline-block; *zoom:1; *display: inline; width: 0; height: 14px; line-height: 14px; vertical-align: top; position: relative; top: 9px; left: 0; font-size: 0; border-left: 1px solid #CCC; margin: 0 2px 0 5px;}
.li-user-center .menu-bd { padding: 8px 10px;}
.li-collect .menu-bd {width: 62px; padding: 8px 10px;}
.li-my-brands, .li-cart, .li-mobile, .li-home{padding: 0 10px;}
.li-cart b{padding: 0 2px; font-weight: 700; font-family: Arial;}
.li-mobile .mobile-qr{position: absolute; width: 175px; height: 227px; background: #FFF; left: -48px; top: 26px; box-shadow: 0 0 5px #AAA; display: none;}
.li-mobile.hover .mobile-qr{ display: block;}
.li-mobile .mobile-qr .qrcode-bg{width: 175px; height: 175px; margin: 5px 0 0; background: url("images/mobile_qr.png") 0 0 no-repeat;}
.li-mobile .mobile-qr p {background: url("images/mobile_qr.png") 0 -185px no-repeat; text-indent: -9999px; overflow: hidden; margin: 0 15px; line-height: 35px; }
.li-mobile .mobile-qr b {width: 0;height: 0; line-height: 0; font-size: 0; position: absolute; left: 50%; top: -10px; margin-left: -2px; border-width: 5px; border-style: dashed dashed solid; border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #FFF; }
.li-seller .menu-bd{width: 122px; overflow: hidden; right: 0; left: auto;}
.li-seller ul { margin-top: -5px; overflow: hidden; width: 122px;}
.li-seller li { float: none; padding: 5px 0; height: auto; display: block; line-height: 1.4; border-bottom: 1px dotted #827777; margin-right: -20px; }
.li-seller h3 { color: #666; font-weight: 700; }
.li-seller .menu-bd a { display: inline-block; width: 48px; margin-right: 20px; line-height: 22px;}
.li-sitemap .iconfont{padding-right: 4px;}
.li-sitemap .menu-bd{padding: 25px 0; display: none; position: absolute; right: 0; left: auto; top: 33px; background: #FFF; filter: alpha(opacity=99); z-index: 93110; border: solid #EEE; border-width: 0 1px 1px;}
.li-sitemap .site-cate{float: left; padding-left: 30px; overflow: hidden; height: 200px;}
.li-sitemap .site-hot {width: 275px;}
.li-sitemap .site-market {width: 375px; border-left: 1px solid #F5F5F5;}
.li-sitemap .site-brand {width: 270px; border-left: 1px solid #F5F5F5;}
.li-sitemap .site-help { border-left: 1px solid #F5F5F5; float: none;}
.li-sitemap .site-hot h2, .li-sitemap .site-hot a:hover{color: #F56A00;}
.li-sitemap .site-market h2, .li-sitemap .site-market a:hover{color: #2263D4;}
.li-sitemap .site-brand h2, .li-sitemap .site-brand a:hover{color: #000;}
.li-sitemap .site-help h2, .li-sitemap .site-help a:hover{color: #000;}
.li-sitemap .site-cate h2 { font-size: 16px; padding-bottom: 8px; font-family: '\5FAE\8F6F\96C5\9ED1',arial,"\5b8b\4f53";}
.li-sitemap .site-cate h2 span {padding-left: 6px;}
.li-sitemap .site-cate ul { margin-right: -20px; overflow: hidden;}
.li-sitemap .site-cate li { width: 95px; float: left; padding: 6px 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.li-sitemap .site-cate li a{ position: relative;}
.sitemap-icon {background: rgba(0, 0, 0, 0) url("images/tmall_spirit1.png") no-repeat -9999px -9999px; position: absolute; width: 9px; height: 11px; line-height: 0; font-size: 0; overflow: hidden; top: -7px; right: -9px;}
.sitemap-icon-new {background-position: -37px -11px;}
.sitemap-icon-hot {background-position: -37px 0;}

/*header-main*/
.header-main{ clear: both; background: #FFF; position: relative; z-index: 11; height: 100px;}
/**/
.header-banner { float: right; margin-top: 25px; height: 36px; width: 70px; line-height: 36px; padding-left: 40px; background-color: #333; color: #fff;}
.header-banner .cart-num{display: inline-block; width: 20px; height: 20px; border-radius: 50%; text-align: center; line-height: 20px; font-size: 12px; font-weight: normal; color: #fff; background: #E31436; white-space: nowrap; font-family: Helvetica,arial;} 
.header-banner a{color: #fff;}
/*顶部logo*/
.header-logo {position: absolute; padding-top: 35px; left: 0;}
.header-logo-index{ padding: 30px 0 0; width: 290px;}
.header-logo-index img{ display: block;}
/*搜索框*/
.mall-search{ margin-left: 610px;  width: 460px; padding-top: 25px;}
.mallSearch-form{ border: solid #333; border-width: 1px 0 1px 1px; height:34px; position: relative; background: #fff;}
.mallSearch-input-wp{ float: left; position: relative;}
.mallSearch-input{width: 399px!important; color: #999; margin: 0; *margin-top: -1px; position: relative; z-index: 2; width: 289px; line-height: 20px; padding: 7px 3px 7px 5px; outline: 0; border: 0; font-weight: 900; background: transparent; font: 16px/22px arial;}
.mallSearch-input-wp label{line-height: 30px; height: 30px; position: absolute; left: 8px; top: 0; z-index: 1; font-size: 14px; display: inline; color: #666;}
.mallSearch-input-wp.focus label{ color: #ccc;}
.mallSearch-input-wp.fill label{ display: none;}
.mallSearch-form button{ position: absolute; right: 0; top: 0; z-index: 1; width: 50px; border: 0 none; font-size: 16px; letter-spacing: 4px; cursor: pointer; color: #FFF; background-color: #333; height: 34px; overflow: hidden; font-family: '\5FAE\8F6F\96C5\9ED1',arial,"\5b8b\4f53";}
.ul-hot-query{zoom:1; height: 18px; font-size: 14px; padding: 4px 0 0; margin-left: -13px; overflow: hidden; width: 100%;}
.ul-hot-query li{display: inline-block; *zoom:1; *display: inline; margin-right: -4px; border-left: 1px solid #CCC; line-height: 1.1; *line-height: 1.3; padding: 0 12px; *padding-top: 2px;}
.ul-hot-query li.first{ border-left: 0;}
.ul-hot-query li a {color: #999; font-size: 12px;}
.ul-hot-query li.highlight a{color: #E31436;}

/*主导航*/
.header-menu{ height: 36px; line-height: 36px; padding-top: 10px; border-bottom: 2px solid #333; background: #fff;}
.main-nav{ white-space: nowrap; position: relative; z-index: 11; font-family: "Microsoft YaHei",tahoma,arial,'Hiragino Sans GB','\5b8b\4f53',sans-serif;}
.main-nav-list{ position: absolute; top: 0;}
.main-nav-list a{ float: left; padding: 0 5px; font-size: 14px; width: 100px; text-align: center; color: #000; font-weight: bold; letter-spacing: normal; word-spacing: normal; vertical-align: top; margin-top: -2px; position: relative;}
.main-nav-list a.cur{ background: #fff; color: #E31436; border-bottom: 4px solid #E31436; height: 36px; line-height: 38px;}
.main-nav-list a .hover-pic{    background: url(images/hover_pic.png) no-repeat; background-size: 40px 15px; display: block; position: absolute; width: 40px; height: 15px; top: 0; left: 50%; -moz-transform: translate(-20px,-5px); -ms-transform: translate(-20px,-5px); -o-transform: translate(-20px,-5px); -webkit-transform: translate(-20px,-5px); transform: translate(-20px,-5px); opacity: 0; filter: alpha(opacity=0); *margin: -5px 0 0 -20px;}
.main-nav-list a:hover .hover-pic {opacity: 1; filter: alpha(opacity=100); *margin: -10px 0 0 -20px; -webkit-transition: opacity .4s,-webkit-transform .4s; -ms-transition: opacity .4s,-webkit-transform .4s; -o-transition: opacity .4s,-webkit-transform .4s; -moz-transition: opacity .4s,-webkit-transform .4s; transition: opacity .4s,transform .4s; -moz-transform: translate(-20px,-10px); -ms-transform: translate(-20px,-10px); -o-transform: translate(-20px,-10px); -webkit-transform: translate(-20px,-10px); transform: translate(-20px,-10px); }
.logo-content{ width: 190px;}
.logo-content .cate-tree-all {position: absolute; top: 0; left: 0; width: 170px; background: #C60A0A; font-weight: bold; color: #fff; font-size: 16px; line-height: 36px; height: 36px; padding-left: 20px; }
.logo-content .cate-tree-all .iconfont{ font-weight: 100; margin-right: 3px;}

.cate-tree{ position: absolute; z-index: 11; left: 0; top:36px; }
.cate-tree .ul-cate-tree{position: relative; z-index: 13; width: 190px;}
.cate-tree .cate-tree-item{ position: relative; height: 31px; line-height: 31px; color: #000; font-size: 14px;}
.cate-tree .cate-tree-item.hover{ background: #fff;}
.cate-tree .cate-tree-item .iconfont{ display: inline-block; *zoom:1; *display: inline; opacity: .5; filter: alpha(opacity=50) ;margin-left: 14px; margin-right: 4px; height: 31px; line-height: 31px; font-size: 14px;}
.cate-tree .cate-tree-item.hover .iconfont{opacity: 1; filter: alpha(opacity=100);}
.cate-tree .cate-tree-item a{ height: 31px; font-size: 14px; color: #000;}
.cate-tree .cate-tree-item .arrow{ display: none; position: absolute; right: -1px; top: 9px; height: 0; font-size: 0; line-height: 0; border-style: solid; border-width: 7px 7px 7px 0; border-color: transparent #f3f3f3}
.cate-tree .cate-tree-item.hover .arrow{ display: block;}
.cate-tree .cate-tree-bg{ position: absolute; z-index: 12; background: #eee;  height: 500px; width: 190px;}
.cate-tree .cate-panel-wp{ position: absolute; left: 0; top: 0; z-index: 11;}
.cate-tree .cate-panel{ position: absolute; left: 190px; top: 0; width: 500px; height: 500px; background: #fff; color: #000; display: none; opacity: 1; overflow: hidden;}
.cate-tree .cate-panel .left-part{ width: 440px; float: left; margin: 0 0 0 20px; padding: 0 60px 0 0; overflow-y: auto; overflow-x: hidden; height: 100%;}
.cate-tree .cate-panel .right-part{ width: 260px;  margin: 0 20px; right: 0; top: 0; background: #fff; height: 100%;  overflow: hidden;}
.cate-tree .cate-panel .panel-title{ font-size: 14px; text-align: left;  height: 20px;  width: 440px;  margin-top: 20px; *padding-bottom: 5px; border-bottom: 1px solid #000; background: transparent;}
.cate-tree .cate-panel .panel-title a{ color: #000; width: 100px; height: 20px; line-height: 20px; padding-left: 10px; text-decoration: none; font-weight: 700; text-align: left;}
.cate-tree .cate-panel .panel-title .more{float: right; background: 0 0; width: 40px; padding: 0; margin: 0; left: auto; font-size: 14px; color: #000}
.cate-tree .cate-panel .panel-list{ width: 100%; margin: 6px 0 0 -1px; overflow: hidden;}
.cate-tree .cate-panel .panel-list p{padding-bottom: 8px;}
.cate-tree .cate-panel .panel-list a{ font-size: 13px; line-height: 1.5; display: inline-block; float: left; white-space: nowrap; background: url() no-repeat 0 4px; padding: 0 8px;  margin-top: 5px; color: #666;}
.cate-tree .cate-panel .panel-list a:hover{color: #d01f47; text-decoration: underline;}
.cate-tree .cate-panel .panel-list a.highlight{color: #d01f47;}
.cate-tree .cate-panel.panel-1 .panel-list a:hover,
.cate-tree .cate-panel.panel-1 .panel-list a.highlight{color: #d01f47;}
.cate-tree .cate-panel.panel-2 .panel-list a:hover,
.cate-tree .cate-panel.panel-2 .panel-list a.highlight{color: #1291cf;}
.cate-tree .cate-panel.panel-3 .panel-list a:hover,
.cate-tree .cate-panel.panel-3 .panel-list a.highlight{color: #8b478b;}
.cate-tree .cate-panel.panel-4 .panel-list a:hover,
.cate-tree .cate-panel.panel-4 .panel-list a.highlight{color: #d8468d;}
.cate-tree .cate-panel.panel-5 .panel-list a:hover,
.cate-tree .cate-panel.panel-5 .panel-list a.highlight{color: #2062d3;}
.cate-tree .cate-panel.panel-6 .panel-list a:hover,
.cate-tree .cate-panel.panel-6 .panel-list a.highlight{color: #df3f4e;}
.cate-tree .cate-panel.panel-7 .panel-list a:hover,
.cate-tree .cate-panel.panel-7 .panel-list a.highlight{color: #f56a00;}
.cate-tree .cate-panel.panel-8 .panel-list a:hover,
.cate-tree .cate-panel.panel-8 .panel-list a.highlight{color: #2262d3;}
.cate-tree .cate-panel.panel-9 .panel-list a:hover,
.cate-tree .cate-panel.panel-9 .panel-list a.highlight{color: #cb3a0a;}
.cate-tree .cate-panel.panel-10 .panel-list a:hover,
.cate-tree .cate-panel.panel-10 .panel-list a.highlight{color: #B38E63;}
.cate-tree .cate-panel.panel-11 .panel-list a:hover,
.cate-tree .cate-panel.panel-11 .panel-list a.highlight{color: #4459A3;}
.cate-tree .cate-panel.panel-12 .panel-list a:hover,
.cate-tree .cate-panel.panel-12 .panel-list a.highlight{color: #9fb000;}
.cate-tree .cate-panel.panel-13 .panel-list a:hover,
.cate-tree .cate-panel.panel-13 .panel-list a.highlight{color: #00b78b;}
.cate-tree .cate-panel.panel-14 .panel-list a:hover,
.cate-tree .cate-panel.panel-14 .panel-list a.highlight{color: #6BA536;}
.cate-tree .cate-panel.panel-15 .panel-list a:hover,
.cate-tree .cate-panel.panel-15 .panel-list a.highlight{color: #0190B2;}
.cate-tree .cate-panel.panel-16 .panel-list a:hover,
.cate-tree .cate-panel.panel-16 .panel-list a.highlight{color: #2262D3;}
.cate-tree .cate-panel .panel-list .sep{margin: 5px; display: block; width: 100%; height: 0; border-bottom: 1px dotted #000;}
.cate-tree .cate-panel .right-part .panel-title { width: 100%;}
.cate-tree .cate-panel .right-part .panel-title a{padding-left: 8px; text-align: left;}
.cate-tree .cate-panel .right-part .panel-list{ margin-bottom: 5px;}
.cate-tree .cate-panel .right-part .ad-pic-1{ width: 256px; height: 160px; display: block; margin-bottom: 12px;}
.cate-tree .cate-panel .right-part .ad-pic-1 img{ width: 256px; height: 160px;}
.cate-tree .cate-panel .right-part .ad-pic-2 { display: block; width: 256px; height: 336px;}
.cate-tree .cate-panel .right-part .ad-pic-2 img{ width: 256px; height: 336px;}
.cate-tree .panel-supermarket .panel-title{width: 740px; margin: 5px 20px 10px;}
.cate-tree .panel-supermarket .panel-title a{ padding-left: 0; padding-top: 0;}
.cate-tree .panel-supermarket .ad-wp{width: 750px; overflow: hidden; margin: 0 20px 10px; height: 285px;}
.cate-tree .panel-supermarket .ad-wp a{float: left; display: block; height: 138px; width: 270px; margin-right: 10px; margin-bottom: 10px; overflow: hidden;}
.cate-tree .panel-supermarket .ad-wp a img{ width: 270px; height: 138px;}
.cate-tree .panel-supermarket .ad-wp a.vertical{height: 286px; width: 180px;}
.cate-tree .panel-supermarket .ad-wp a.vertical img{height: 286px; width: 180px;}
.cate-tree .panel-supermarket .small-part{margin-left: 20px; float: left; width: 165px; height: 64px; margin-top: 10px; overflow: hidden;}
.cate-tree .panel-supermarket .small-part .panel-title{margin: 10px 0 0;}
.cate-tree .panel-supermarket .small-part .panel-title a{padding-left: 30px; padding-top: 17px;}
.cate-tree .panel-supermarket .small-part .panel-list a{padding: 0 5px;}

/*首页轮播*/
.main-banner-wp{ overflow: hidden; height: 425px; position: relative;}
.main-banner{ position: relative; z-index: 2; top:0; left: 0; margin-left: -369px; width: 1920px;}
.main-banner-bd{ position: relative; z-index: 2;}
.main-banner-bd li{height: 425px;}
.main-banner-bd li img{ width: 1920px; height: 425px;}
.main-banner-hd{ position: absolute; z-index: 3; bottom: 0; left: 0; width: 100%; text-align: center; margin: 0 auto; padding:6px 0;background:rgba(0,0,0,0.6) none repeat scroll 0 0 !important; filter:Alpha(opacity=60); background:#000; filter: alpha(opacity=0); opacity: 0;}
.main-banner-hd li{ display: inline-block; *zoom:1; *display: inline; padding: 2px; width: 180px; overflow: hidden; margin-left: 10px; cursor: pointer; position: relative;}
.main-banner-hd li span{position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0,0,0,0.4) none repeat scroll 0 0 !important; filter: Alpha(opacity=40); background: #000;}
.main-banner-hd li.on span{ display: none; }
.main-banner-hd li img{ height: 68px; margin-left: -64px; }
.main-banner-extra{position: absolute; z-index: 3; right: 0; top: 0;}
.main-banner-extra .vip-con{  background-color: rgba(0,0,0,.5); background-color: #797979\9; transition: background-color .2s; color: #fff; z-index: 100; position: absolute; right: 30px; width: 100px; height: 480px; top: 9px;}
.main-banner-extra .vip-con:hover{background-color: rgba(0,0,0,.8);}
.small-banner{position: absolute; right: 0; top:9px;}
.small-banner a{display: block; width: 220px; height: 235px; margin-bottom: 10px; background-color: rgba(255,255,255,.7); -webkit-transition: background-color .4s; -ms-transition: background-color .4s; -o-transition: background-color .4s; -moz-transition: background-color .4s; transition: background-color .4s; filter: alpha(opacity=90); *background-color: #fff; *zoom:1;}
.small-banner a:hover{background-color: rgba(255,255,255,1);}

/*页面底部*/
.footer{border-top: 1px solid #D1D7DC; clear: both; margin: 0; text-align: center; background: #FFF; position: relative; font-family: "Microsoft YaHei";}
.footer-ensure{width: 1190px; height: 100px; background: url('images/footer_ensure.jpg') no-repeat; margin: 25px auto; padding: 0;}
.footer-ensure a{float: left; display: block; width: 297px; height: 100px; text-indent: -1000em;}
.footer-desc{width: 1190px; padding-top: 22px; height: 190px; margin: auto; border-top: 1px solid #EDEDED; }
.footer-desc dl{float: left; width: 150px; padding-left: 47px;}
.footer-desc dt{color: #646464; font-size: 16px;  font-weight: 700; height: 30px;  line-height: 30px; text-align: left;}
.footer-desc dd{text-align: left;}
.footer-desc a{display: block; width: 100px; overflow: hidden; text-align: left; height: 20px; line-height: 20px; color: #8B8B8B;}
.footer-desc .qr-code a{width: 150px; height: 150px; line-height: 150px; text-align: center;}
.footer-desc .qr-code img{ width: 150px; height: 150px;}
.footer-desc .qr-code dt{ color: #bbb;}
.footer-desc .qr-code dt .on{color: #646464;}
.footer-desc .qr-code dt{padding-left: 9px;}
.footer-copyright{background: #333; text-align: center; min-height: 177px;}
.footer-copyright .container{width: 1190px; margin: 0 auto; position: static;}/*static修复ie7下底部错位bug*/
.footer-copyright .footer-nav,.footer-copyright .footer-link{color: #c2c2c2; line-height: 25px;}
.footer-copyright p{padding: 5px 0;}
.footer-copyright p a{margin-right: 3px; color: #c2c2c2;}
.footer-copyright .d-copyright{line-height: 20px; color: #A4A4A4;}
.footer-copyright .d-copyright a{color: #A4A4A4; margin-right: 65px;}
.footer-copyright .d-copyright b{display: block; color: #686868; font-weight: 400;}
.footer-copyright .d-copyright .pc-copyright{padding-top: 10px; padding-bottom: 28px;}
.footer-copyright .d-copyright .pc-copyright a{margin-right: 10px;}
.footer-copyright .d-copyright .pc-copyright img{ height: 30px;}

@font-face {font-family: 'iconfont';
    src: url('iconfont/iconfont.eot'); /* IE9*/
    src: url('iconfont/iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('iconfont/iconfont.woff') format('woff'), /* chrome、firefox */
    url('iconfont/iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
    url('iconfont/iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
}

.iconfont{
    font-family:"iconfont" !important;
    font-size:16px;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;}
/* ====================
     天猫简洁版头部和底部样式end
==================== */


/*当前位置*/
#ur_here{height:24px; line-height:24px; }
#ur_here a{color:#666; text-decoration:none;}

/* ====================
    模块
==================== */

/*商品分类*/
#category_tree{  }
#category_tree .tit  {background:#E31436;height:32px;line-height: 32px;font-weight: normal;color: #fff;text-align: center;font-size: 14px;}
#category_tree dl{float:left; width:238px; border:1px solid #e6e6e6; position:relative; padding-bottom:5px; background:#FFF }
#category_tree .dt{font-size:12px;position:relative; margin:0 20px; border-bottom:1px dotted #ccc; }
#category_tree .dt .a{ color:#dd2727; font-family:"微软雅黑"; padding-left:20px; font-size:12px; font-weight:bold;  text-decoration:none; display:block; height:45px; line-height:48px;
 position:relative;   }
#category_tree .dt .a img{ position:absolute; right:10px; top:18px;  }
#category_tree .dt .t{ }
#category_tree .dt .a:hover{  color:#dd2727}
#category_tree .current .a{  color:#dd2727; width:238px; }
#category_tree  .cate{ line-height:22px; font-weight:bold; padding:5px 20px;}
#category_tree  .cate .clearfix a{ font-weight:normal; float:left; width:100px; }
#category_tree  .cate .sub-tree{padding-left: 70px;}
#category_tree  .cate .sub-tree div{padding-left: 10px;}
#category_tree dd{padding:3px 10px 3px 10px; line-height:24px; position:absolute; left:216px; top:0 ; width:400px;   background:#fff }
#category_tree dd .over_3{color:#666; text-decoration:none; padding-right:10px; float:left; width:90px;  }
#category_tree dd .clearfix{ border-bottom:1px solid #e5e5e5; line-height:30px;}
#category_tree dd .over_3:hover{color:#dd2727; text-decoration: underline;}
#category_tree dd .over_2{ display:block; height:30px; line-height:30px; color:#666; font-weight:bold}

  /*里页分类树*/
#category_tree .cate h1{ font-size:12px; font-weight: bold; font-family:"微软雅黑"; height:35px; line-height:35px;border-top:1px solid #eee; width:30%; float:left; clear:both  }
#category_tree .cate  .f_ll{ float:left; height:35px; line-height:35px; width:70%;border-top:1px solid #eee;}
#category_tree .cate h1 a{ font-size:12px; color:#666 }
#category_tree {   }
.sale_box{  width:948px; float:right ; border:1px solid #e6e6e6; font-family:"微软雅黑";}
.sale_box .tit{ font-size:14px; font-weight:bold; height:32px; line-height:32px; border-bottom:1px solid #e6e6e6 }
.sale_box h3{  text-align: left;}
.sale_box h3 em{ font-style: normal; font-size: 14px; font-weight: bold;}
.sale_box .body{ padding: 10px 0 0 10px; }
.sale_box .goodsItem{ width: 217px; }
.sale_box .goodsItem .goodsimg{ width: 217px; height: 217px; }

   /*销售排行*/
.top10Tit{background:url(images/bg.gif) no-repeat 0px -85px; height:30px;}
.top10List{background-color:#fff; margin:0px 4px 4px 4px;}
.top10List ul{border-bottom:1px solid #ddd; position:relative;}
.top10List .iteration{position:absolute; top:6px; left:6px;}
.top10List .iteration1{padding-left:3px;}
.top10List li.topimg{width:90px; height:90px;}
.top10List .samllimg{width:90px; height:90px; margin-bottom:4px;}
.top10List li{padding:3px 3px 3px 23px; float:left;}
/*linkCOLOR*/
.top10List li a,#mallNews .NewsList li a,.boxCenterList li a{color:#3f3f3f; text-decoration:none;}
.top10List li a:hover,#mallNews .NewsList li a:hover,.boxCenterList li a:hover{color:#dd2727; text-decoration: underline;}
.top10_1{ width:223px; height:106px; background: url(images/top10_1.gif) no-repeat}
.top10_1 li{ color:#FFF; font-size:12px; font-weight:bold}
.top10_1 li a{ color:#FFF; font-weight:normal; display:block; padding-bottom:7px; }
.top10_1 li .f1{ color:#FFF}

#mallNews{ float: left;width: 238px;border: 1px solid #e6e6e6;}
.newart_tit{ width:192px; height:26px; line-height:26px; background:url(images/newart_tit.gif); color:#c90707; font-weight:bold; font-size:14px; text-align:left; color:#333; font-size:12px;
 padding-left:10px;}
#mallNews .NewsList{background:#FFFFFF; padding:7px;}
#mallNews .NewsList ul{ line-height:25px;}
#mallNews .NewsList li{background:url(images/bg.gif) no-repeat 0px -164px; padding:0px 0px 0px 10px;line-height:22px; height:22px; margin:7px 0;text-align:left; color:#666; overflow:hidden}
#mallNews .NewsList li a{ color:#666; height:22px; line-height:22px; overflow:hidden;}
   /*今日特价和品牌*/
#sales{width:500px; background:url(images/salesBg.gif) repeat-x left bottom;border-bottom:2px solid #f0f1f3; background-color:#eef8ff;}
#sales h1{font-size:12px; background:url(images/salesTitBg.gif) no-repeat; height:33px; text-align:right;}
#sales h1 img{position:relative; top:10px; right:8px;}
#sales .goodBox{margin:10px 0px 10px 10px; _margin-left:5px;}
#sales .goodBox .goodList p{text-align:left; color:#3f3f3f;}
#sales .goodBox .goodList p a{color:#3f3f3f; text-decoration:none;}
#sales .goodBox .goodList p a:hover{color:#dd2727; text-decoration: underline;}
#sales .goodList{width:110px; margin:0px 5px 0px 5px; float:left;}
#sales .goodList img{background:url(images/salesGoodBg.gif) no-repeat; width:100px; height:100px; padding:5px;}
#sales .goodList p{ margin-top:3px; text-align:center;}
#brands{width:247px; height:199px; *height:201px; padding:1px 0 0 1px; position:relative;}
#brands .brandsMore{position:absolute; left:178px; bottom:10px;width:65px; height:41px;}
#brands .brandsMore img{border:none; width:65px; height:41px;}
#brands img{width:78px; height:40px;border:1px solid #e2e2e2;}
#brands a{color:#0069cd; text-decoration:none; margin:2px 1px; display:block; float:left;}
.brandsIe6{_width:250px;}/*在ie6下特价商品不存在的话品牌推荐永远靠右显示*/
   /*精品推荐，新品上市，热卖商品*/
.centerPadd{padding:5px 8px 8px 8px; overflow:hidden;}
.box_3{ border:1px solid #dedede; background:url(images/tit1.gif) repeat-x }
.itemTit .tit{ height:32px; line-height:32px; background:url(images/cat_tit_bg.gif) repeat-x; padding-right:10px}
.itemTit .tit .ss_class{ float:right}
.itemTit .tit .ss_class a{ color:#666}
.itemTit .tit .f_l{ width:180px;font-size:16px; font-weight:bold; padding-left:25px; background:url(images/cat_tit_l.gif) no-repeat}
.itemTit .tit .f_l a{ color:#666; font-size:16px; font-weight:bold}
.itemBest_box .box_1{ border:1px solid #bddbfd; background:#e6f2ff; padding:15px 20px 5px 20px; margin-top:-1px;}
.itemBest_box .f1{ color:#1e51a4; font-weight:bold}
.itemBest_box .f1 a{ color:#1e51a4;}
.itemTit img{position:relative; top:7px;}
.itemTit h2{height:27px; line-height:28px; border:none; background:none;font-size:12px; text-align:center; color:#f90; font-weight:bold; padding:0px 10px;display:inline; white-space:nowrap;}
.itemTit h2 a{color:#f90;text-decoration:none;}
.itemTit .h2bg{height:27px; line-height:28px; border:none; background:none;font-size:12px; text-align:center; color:#666; font-weight:100; padding:0px 10px;display:inline; white-space:nowrap; }
.itemTit .h2bg a{color:#666; text-decoration:none;}
.centerPadd .goodsBox{border:1px solid #d6ecff; background:#fff; padding:12px 0px 0px 17px; *padding:12px 0px 0px 17px;
_padding:12px 0px 0px 0px;}
.centerPadd .goodsBox .more{text-align:right; clear:both; margin:0 8px 8px 0;}
       /*单个商品*/
 .goodsBox{ padding:10px 0 0 10px; }
.goodsBox  .goodsItem  { width:200px; padding:8px;}
.goodsBox  .goodsItem .goodsimg  { width:200px; height:200px; }
.goodsItem .goodsimg { width:220px;}
.goodsItem{ float: left; font-size: 12px; margin: 0 15px 15px 0; width: 223px; border: 1px solid #f2f2f2; background: #fff;}
.goodsItem:hover{border: 1px solid #bc0000;
    transition: border-color .2s;
    -webkit-transition: border-color .2s;}
.goodsItem .goodsimg{width: 219px; height: 219px;}
.goodsItem .name a{ height: 30px; line-height: 27px;  overflow: hidden; color: #000; display: block; padding-left: 5px;}
.goodsItem .info{ height: 45px; padding: 5px; line-height: 30px;}
.goodsItem .price{ color: #E31436; font-size: 16px; font-weight: 700; line-height: 16px;}
.goodsItem .market{float: left; line-height: 20px; margin-top: 4px; color: #999;}
.goodsItem .info .buy{
	line-height: 14px;
    height: 16px;
    padding: 3px 5px;
    color: #d22147;
    float: right;
    cursor: pointer;
    border: 1px dotted #d22147;
    margin-right: 8px;
    font-weight: bold;
}
.goodsItem .info .buy:hover{ background: #ad0000; color: #fff;}
.goodsItem span{width:40px; height:40px; position:absolute;left:0px; top:0px;}
.goodsItem span.best{background:url(images/bg.gif) no-repeat 0px -304px;}
.goodsItem span.news{background:url(images/bg.gif) no-repeat -75px -304px;}
.goodsItem span.hot{background:url(images/bg.gif) no-repeat -161px -304px;}
.goods_cat{ padding:10px;}
.goods_cat .goodsItem{ padding:5px 11px 15px 10px; }


 /*商品分类*/
.xm-box{margin: 20px 0 0; font-family: "microsoft yahei";}
.xm-box .title{ position: relative; height: 40px; }
.xm-box .title em{ color: #333; line-height: 50px; font-size: 22px; font-weight: 700; font-style: normal;}
.xm-box .title .more{ float: right; line-height: 50px; padding-right: 20px;}
.xm-box .title .more:hover {text-decoration: underline;}
.xm-box .body{ padding: 14px 0 0 0;  height: 325px;}
.top_nav .header_r{ color:#cbcbcb; float:right; color:#818181}
.top_nav a{ color:#616161; padding:0 3px;}
.top_nav {}
  /*帮助*/

/*相关商品 模_板_堂_出_品*/
.boxCenterList ul{height:1%; margin-bottom:5px;}
.boxCenterList li{float:left; width:100%; line-height:20px;}
.boxCenterList .htext{ width:125px; height:100px;}
.boxCenterList .htext a{ height:40px; line-height:20px; display:inline-block; width:125px; overflow:hidden;}
.boxCenterList .htext .fi{ width:125px;}
.boxCenterList li.goodsimg{width:87px; margin-right:10px; float:left}
.boxCenterList li.goodsimg img{width:85px; height:85px; display:block;}
/*相关文章(其它带有小三角点的文字列表共用)*/
.RelaArticle a,.alone{background:url(images/bg.gif) no-repeat 0px -170px; padding:0px 0px 0px 10px; color:#3f3f3f; text-decoration:none;}
.RelaArticle a:hover{background:url(images/bg.gif) no-repeat 0px -170px; padding:0px 0px 0px 10px; color:#dd2727; text-decoration: underline;}
/*浏览历史，收藏*/
.history{ border-bottom:3px solid #dd2727; overflow: hidden;}
.history h2{height:32px; line-height:32px; width:148px;  text-align:center; font-size:12px;float:left; color:#fff; background:#dd2727; margin-right:5px;  }
.history .h2bg{border:1px solid #ddd ; border-bottom:none; color:#666;height:31px; line-height:31px; width:146px; background:none ;  }
#history li{width:100%;}
#clear_history a{background:none; padding:0px; color:#3f3f3f; text-decoration:none;float:right;cursor:pointer;}
.colle a{background:none; padding:0px; color:#3f3f3f; text-decoration:none;}
.colle a:hover{background:none; padding:0px; color:#dd2727; text-decoration: underline;}
   /* ====================
     商品详情页面部分模块
==================== */
#goodsInfo{  _height:1%;}
#goodsInfo h1{overflow: hidden;
font-family: arial,"microsoft yahei"; font-size:18px; text-align:left}
#goodsInfo .imgInfo{width:362px; float:left; padding-right:10px; }
#goodsInfo .imgInfo .thumb{width:230px; height:230px; display:block;}/*商品详情图片*/
#goodsInfo span{width:4px; height:48px; background:url(images/bg.gif) no-repeat 0 -527px; float:left;}
#goodsInfo span.spanR{width:4px; height:48px; background:url(images/bg.gif) no-repeat -5px -527px; float:right;}
#goodsInfo .gallery{width:204px; float:left; margin-left:10px; _margin-left:5px; overflow:hidden;}
#goodsInfo .gallery ul{width:auto;}
#goodsInfo .gallery li{float:left; width:48px; margin:0 2px;}
#goodsInfo .gallery li img{width:46px; height:46px; display:block;}
#goodsInfo .market{ padding-left:10px;}
.textInfo ul strong{ font-weight:normal}
.btn_pink_138x32 {background: #dd2727;color: #fff; border: none;width: 138px; height: 32px; line-height:32px;vertical-align: middle; text-align: center; display: inline-block; margin: 0;
 cursor: pointer;border-bottom: 1px solid #dd2727 ; }

   /*文字信息*/
#goodsInfo .textInfo{background:#fff; width:550px; float:right; padding: 10px;  }
#goodsInfo .textInfo h1{ padding-bottom:10px;border-bottom:1px solid #ccc;}
#goodsInfo .textInfo p{font-size:14px; font-weight:bold; padding:0 5px 5px 8px;}
#goodsInfo .textInfo ul{ padding:6px 0 }
#goodsInfo .textInfo li{  padding:6px 8px; _height:1%;}
#goodsInfo .textInfo select{ width:80px;}
#goodsInfo .textInfo .ul2{border-bottom:1px solid #ccc;}
#goodsInfo .textInfo .ul2 li{ float:left; width:40%;  }
#goodsInfo .textInfo ul li dd{ float:left;   }
.bnt_ul{ background:#f5f5f5; padding:10px;  }
.bnt_ul img{ vertical-align:middle}
#goodsInfo .textInfo li dd{ }
#goodsInfo .textInfo li dd.ddR{border-left:1px solid #eeecec; width:48%; padding-left:8px;}
#goodsInfo .textInfo li dd.ddL{border-right:1px solid #eeecec;}
#goodsInfo .textInfo a{color:#dd2727; text-decoration:underline;}
#goodsInfo .textInfo .loop{ margin-top:0px;}
.shuxin dt{ border:1px solid #ccc; text-align:center; font-weight:bold; color:#dd2727; margin-bottom:3px;}
.shuxin dd{ width:50%; float:left}
.shuxin dd span{ float:left; background:#eee; margin:3px;}
.shuxin dd .span1{width:125px;padding-left:5px;}
.shuxin dd .span2{width:220px; padding-left:5px;}
/*相关配件*/
#com_v { margin-right: -50px; }
#com_v .goodsItem{ width: 218px; }
#com_v .goodsItem .goodsimg{ width: 215px; height: 215px; }
#com_v .goodsItem .goods-name{height: 36px;}
/*用户评论*/
.ie6{padding-left:25px; _padding-left:15px; height:1%;}/*购买此商品的人还购买的商品*/
.comments li{background:url(images/lineBg.gif) repeat-x left bottom; padding:3px 8px; width:97%; _height:1%; text-align:left; position:relative;margin-bottom:8px;}
.comments li img{position:absolute; right:0px; top:3px;}
.comments li p{margin:3px auto; text-align:left;}
.commentsList{border:1px solid #ccc; background:#f7f7f7; padding:10px;}
.commentsList .inputBorder{border:1px solid #ccc; background:#fff;}
.captcha{margin-left:0px; position:relative; top:-1px; *margin-left:8px; *position:relative; top:3px; cursor:pointer;}
    /* ====================
     品牌推荐
==================== */
    /*品牌列表*/
#brandList{ margin-top:12px; height:1%;}
#brandList .brandBox{width:227px; _width:236px; float:left; margin:0 5px 20px 5px; text-align:center; overflow:hidden; height:160px;}
#brandList .brandBox .brandLogo{width:188px; height:52px; overflow:hidden;}
#brandList .brandBox h4{height:23px; line-height:23px; background:#e9e9e9; margin:15px 0 8px 0; padding:0 10px; text-align:right;font-weight:100; font-size:12px;}
#brandList .brandBox h4 span,#brandList .brandBox h4 span a{float:left; font-weight:bold; color:#3f3f3f; text-decoration:none;}
#brandList p{text-align:left; margin-bottom:5px; color:#909090; padding:8px;}
#brandList p.brandCategory,#brandList p.brandCategory a{text-align:left; color:#006acd; text-decoration:none;}
#brandList .brandArticle{border:1px dashed #d9d9d9; background:#e2e2e2; text-align:left;}
.brandCategoryA a{ margin-right:15px;}

/* ====================
     用户中心
==================== */
.login_tab{background:url(images/login_tab_bg.gif) bottom no-repeat; height:26px; margin-top:22px;}
.login_tab ul{padding-left:70px;}
.login_tab ul li.active {background-position: -122px 0;color: #fff;}
.login_tab ul li.active a{ color:#fff}
.login_tab ul li {width: 116px;text-align: center;font-size: 14px;font-weight: bold;height: 25px;line-height: 25px;float: left;background: url(images/login_tab_li.gif) no-repeat 0 0;
margin-right: 6px;cursor: pointer;}
.box_1 .userCenterBox{border:4px solid #f8f8f8; background-color:#fff;}
.usBox{ padding:0 70px;  }
.usBox .inputBg{ border:1px solid #ccc; background:none}
.usBox  .inputBg { width:210px;}
.usBox   form{ padding:20px 0}
.usBox_1{background:#fff; text-align:left; width:620px; }
.logtitle{height:35px; background:url(images/user_tit1.gif) no-repeat 0px 0px;}
.logtitle3{height:35px; background:url(images/user_tit3.gif) no-repeat 0px 0px;}
.us_Submit{border:none; width:125px; height:40px; background:url(images/bnt_ur_log.gif)}
.us_Submit_reg{border:none;  width:125px; height:40px; background:url(images/bnt_ur_reg.gif);}
.usTxt{  float:right;padding: 3px;border: solid 1px #e4e4e4; margin-top:50px;}
.regtitle{ width:510px; height:35px; background:url(images/user_tit2.gif)}
.submit , .reset , .bnt_blue_1 , .bnt_bonus  , .bnt_blue_2 , .bnt_blue{ padding:5px 10px;  *padding:5px 1px; border: none; background:#dd2727; color:#FFF}
    /*注册*/
.usBox_2{background:#fff url(images/usBox_2bg.gif) 550px center no-repeat ; text-align:left; padding:43px 153px 60px 123px;}
.usBox_2 .regtitle{height:30px; background:url(images/ur_bg.gif) no-repeat 0px -34px;}
.actionSub a{color:#000; text-decoration:underline;background:url(images/ur_bg.gif) no-repeat 0px -68px; padding-left:14px;}
.box_1 .userCenterBox .userMenu a{display:block; height:25px; line-height:25px; background:url(images/menuBg.gif) no-repeat 0 -30px;color:#3f3f3f; text-decoration:none; margin:0 0 3px 10px;
 padding-left:3px;}
.box_1 .userCenterBox .userMenu a.curs{background:url(images/menuBg.gif) no-repeat 0 0px; font-weight:bold;}
.box_1 .userCenterBox .userMenu a img{ margin-right:3px;}
.msgBottomBorder{clear:both; background:url(images/lineBg.gif) repeat-x left bottom; padding-bottom:8px; margin-bottom:8px;}

/* ====================
     商品分类页面
==================== */
    /*属性组合搜索*/
.screeBox{padding:10px;}
.screeBox a{color:#404040;}
/*.screeBox span{background:#dd2727; color:#FFFFFF; padding:3px 5px; margin:0 3px;}
.sort{ float:right; width:60%; height:32px; line-height:30px;}
.sort a{ display:block; float:left;  margin:0 3px; position:relative;}*/
.sort input{position:relative;}
.goods_list{ height:32px; line-height:32px; padding:0 10px; background:#f5f5f5}
.goods_list form{ height:32px; line-height:32px; float:right}
.goods_list form li{ float:left;  margin-left:7px; position:relative; padding-top:6px; *padding-top:0px; *line-height: 32px;   line-height: 32px\9; line-height: 20px\0;}
.goods_list form li.txt{ padding-top: 0; padding-top: 4px\0;}
.goods_list form li.view-model{ margin-top: -2px; margin-top: 0\9; margin-top: 2px\0;}
.goods_list form li a{ display:inline-block; }
.goods_list form li a img{ display:inline-block; float:left; vertical-align: top;}
.goods_list  span{ display:block; float:left; font-weight:bold}
    /*商品列表显示方式*/
.goodsList{ padding:10px 10px 0 10px;}
.goodsList ul{ margin-bottom:10px;}
.goodsList ul#bgcolor{background:#fbfbfb; border-top:1px dashed #e8e8e8; border-bottom:1px dashed #e8e8e8;}
.goodsList li{float:left; padding:8px;}
.goodsList  a{ text-decoration:none; color:#dd2727}
.goodsList li.thumb{ text-align:center;}
.goodsList li.thumb img{ border:1px solid #ccc; padding:1px; width:240px; height:240px;}
.goodsList li.goodsName{width:250px; margin-right:10px; font-size:12px;}
.goodsList li.goodsName .div_name{ height:80px;}
.goodsList li.goodsName a{ font-size:12px; font-weight:bold; color:#666}
.goodsList li.goodsName .bnt_blue{ color:#fff; font-size:12px; float:left; font-weight:normal; margin-right:10px;}
.goodsList li.action{float:right; margin-left:10px; line-height:25px;}

/* ====================
     团购
==================== */
.group{ padding:8px;}
.group li{float:left; background:#fff; padding:8px;}
.group .f_l{ width:220px; text-align:center}
.group .f_r{ width:425px; line-height:23px; text-align:left}

/* ====================
     购物流程
==================== */
.flowBox{ padding-bottom:5px;}
.flowBox h6{ background:#ececec; color:#666666; font-weight:bold}
.flowBox table{ margin:5px auto;}
		/*2.62在购物车里面显示相关配件*/
.flowGoodsFittings{padding:10px;}
.flowGoodsFittings ul{height:1%; margin:5px 8px; width:222px; float:left;}
.flowGoodsFittings li{float:left; width:222px; font-size:12px; line-height:22px;}
.flowGoodsFittings li p {float:left; width:222px; font-size:12px; line-height:22px; height:44px;}
.flowGoodsFittings li.goodsimg{width:220px; margin-right:10px;}
.flowGoodsFittings li.goodsimg img{width:220px; height:220px; display:block;}

/* ====================
     文章列表页-2009.6.8
==================== */
.article_search{margin:8px 0;}
.article_search .inputBg{width:300px;}
/* ====================
    打印报价单
==================== */
.quotation{ margin:20px auto 20px auto; text-align:center;}

   /*翻页*/
.pagebar{height:20px; line-height:20px; *line-height:15px; float:right;color:#666;}
.pagebar img{position:relative; top:2px;}
.pagebar a{display:block; float:left; margin:0 2px; color:#666; text-decoration:none;}
.pagebar a:hover{color:#dd2727; text-decoration:none;}
.pagebar .page_now{display:block; float:left; margin:0 5px; color:#dd2727; font-weight:bold; background:#fff;}
#pager a{color:#666; text-decoration:none;}

/*智能提示弹出层*/ .vjia-suggest-container{display:none;width:306px;position:absolute;top:27px;left:0;border:1px solid #b3b3b3;background-color:#fff;z-index:98;}
.full .vjia-suggest-container{width:406px;}
.vjia-suggest-container ol{border-bottom:3px solid #d8d8d8;list-style:none;margin:0;padding:0;}
.vjia-suggest-container ol li{height:25px;line-height:24px;padding-left:9px;cursor:default;}
.vjia-suggest-container ol .selected{background-color:#d80732;color:#fff;}
/*购物车提示点击更新按钮式样2.6.2版本添加*/
.messageli {list-style-type:none;padding:5px;color:red}
.messagediv {font-size:12px;position:absolute;border:1px solid #FFD700;text-align:center;padding:5px;background-color:#FFFACD;filter:alpha(opacity=50);-moz-opacity:0.7;opacity: 0.7;}
/* ======商品比较浮动块 ====== */
#compareBox { background:url(images/comparebox.gif) no-repeat;width:140px;position: absolute; right:1px; top:200px; padding-top:21px;}
#compareBox input {width:140px; height:26px; border:none;background:url(images/compareSub.gif) no-repeat;}
#compareList {padding:0px;width:138px;background:#FFFFFF;border:1px solid #91b3cb; border-bottom: none; padding-top:5px;}
#compareList li { color: #333;text-align:left;background: #eff8ff;padding: 3px 5px;margin: 0 5px 5px 5px; border:1px solid #dceaf5}
#compareList li img {float:right;padding-top:4px;}
/*购物车提示点击更新按钮式样2.6.2版本添加*/
.messageli {list-style-type:none;padding:5px;color:red}
.messagediv {font-size:12px;position:absolute;border:1px solid #FFD700;text-align:center;padding:5px;background-color:#FFFACD;filter:alpha(opacity=50);-moz-opacity:0.7;opacity: 0.7;}
/*  积分兑换样式修改 */
.point li{ float:left; width:300px;}

/*********************放大镜配置文件*******************************************************************************************/

/* Copyright 2008 MagicToolBox.com. To use this code on your own site, visit http://magictoolbox.com */

/* CSS class for zoomed area */
.MagicZoomBigImageCont {border:	1px solid #ccc;}

/* Header look and feel CSS class */
/* header is shown if "title" attribute is present in the <A> tag */
.MagicZoomHeader {display: none;}

/* CSS class for small looking glass square under mouse */
.MagicZoomPup {border:1px solid #aaa;background:#ffffff;cursor:hand;}

/* CSS style for loading animation box */
.MagicZoomLoading {text-align:center;background:#ffffff;color:#444;border:1px solid #ccc;opacity:0.8;padding:3px 3px 3px 3px !important;display:none; /* do not edit this line please */}

/* CSS style for gif image in the loading animation box */
.MagicZoomLoading img {padding-top:	3px !important;}
/* ©2008 MagicToolbox.com. To use this code on your own site, visit http://www.magictoolbox.com */

/* CSS class for thumbnail link <A> */
.MagicThumb {cursor: url(images/zoomin.cur), pointer;outline: none;}

/* CSS class for the thumbnail link <A> when the big image is zoomed mo ban tang ban quan suo you */
.MagicThumb-zoomed { cursor: default; }

/* CSS class for span inside the thumbnail <A> */
.MagicThumb span { display: none; }

/* CSS class for the thumbnail image */
.MagicThumb img { border: 1px solid #f5f5f5; outline: none; }

/* CSS class for the big image while zooming */
.MagicThumb-image { border: 1px solid #cccccc; outline: none; }

/* CSS class for the zoomed big image */
.MagicThumb-image-zoomed { cursor: url(images/zoomout.cur), pointer; }

/* CSS class for the caption under the big zoomed image */
.MagicThumb-caption {color: #333333;background-color: #F0F0F0; border: 1px solid #CCCCCC; border-top: none;font-family: Verdana, Helvetica;font-size: 11px;padding: 8px 16px;}

/* CSS class for the control bar ec mo ban */
.MagicThumb-controlbar {display: block;height: 18px;}

.MagicThumb-controlbar a {display: block;width: 18px;height: 18px;margin: 0px 1px;outline: none;float: left;overflow: hidden;}

.MagicThumb-controlbar a span {display: block;width: 990px;height: 990px;background: transparent url(images/controlbar.png) no-repeat 0 0;outline: none;position: absolute;left: 0px;top: 0px;}

/* CSS class for the loading message box */
.MagicThumb-loading {border: 1px solid #000000;background: #ffffff url(images/loader.gif) no-repeat 2px 50%;padding: 2px 2px 2px 22px;margin: 0;text-decoration: none;text-align: left;
font-size: 8pt;font-family: sans-serif;}
.picture{margin-top:10px;text-align:left}
.picture img{width:65px;height:65px;cursor:pointer; margin:0 0px; margin-right:3px;}
.picture img.onbg{ border:1px solid #dd2727;}
.picture img.autobg{border:1px solid #fff;}
.left_help{ border:1px solid #e2e2e2;}
.left_help dl{ padding:10px;}
.left_help dl dt{ font-weight:bold; font-size:12px; background:#e5e5e5; height:24px;line-height:24px; padding-left:10px;}
.left_help dl dt img{ vertical-align:middle }
.left_help dl dd{ padding-left:10px; padding-top:5px;}
.left_help dl a{ color:#666; text-decoration:none}
.left_help dl a:hover{ color:#1c7b3b}
.art_cat_box{}
.art_cat_box th{ height:26px;line-height:26px; }
.art_cat_box td{ border-bottom:1px solid #dbdbdb; font-weight:normal}
.art_cat_box td a{ font-weight:bold; color:#3f3f3f; padding-left:20px; }
.ecmoban{ display:none}
.sncompany dd a img{height:25px;	}


/* QQ客服 */

.QQbox{ z-index:99; width: 170px; right: 3px; top: 145px; position: absolute;}
.QQbox .press{ right: 0; border: none; cursor: pointer;width: 26px; height: 136px;position: absolute;}
.QQbox .Qlist{ left: 0; width: 170px; background: url(siderIM_bg.gif) padding:5px;}
.QQbox .Qlist .b{ float: right; height: 6px; width: 170px; font-size: 1px; }
.QQbox .Qlist .infobox{ text-align:center; background:#bdc5cb; background-image: url(images/siderIM_infobox.gif); background-repeat:no-repeat;  padding:5px; line-height:14px; color:#000;
 font-weight:700;}
.QQbox .Qlist .t{ background:url(images/siderIM_title.gif); height:34px;}
.QQbox .Qlist .b{ background:url(images/siderIM_bottom.gif); height:9px; overflow:hidden; }
.QQbox .Qlist .con{ background: url(images/siderIM_bg.gif); width: 100%; padding: 10px 0px 10px 0px;}
.QQbox .Qlist .con h2{ height: 22px; font: bold 12px/22px "宋体";  border: 1px solid #3a708d; text-align: center; color:#fff;}
.QQbox .Qlist .con ul li{ padding: 5px 5px 0px 15px; }

/*QQ END*/
